import { message } from "ant-design-vue";

// `navigator.clipboard` 可能因浏览器设置或浏览器兼容而造成兼容问题
export function copyText(
  text: string,
  prompt: string | null = "已成功复制到剪切板!",
) {
  if (navigator.clipboard) {
    return navigator.clipboard
      .writeText(text)
      .then(() => {
        prompt && message.success(prompt);
      })
      .catch((error) => {
        message.error("复制失败!" + error.message);
        return error;
      });
  }
  if (Reflect.has(document, "execCommand")) {
    return new Promise<void>((resolve, reject) => {
      try {
        const textArea = document.createElement("textarea");
        textArea.value = text;
        // 在手机 Safari 浏览器中，点击复制按钮，整个页面会跳动一下
        textArea.style.width = "0";
        textArea.style.position = "fixed";
        textArea.style.left = "-999px";
        textArea.style.top = "10px";
        textArea.setAttribute("readonly", "readonly");
        document.body.appendChild(textArea);
        textArea.select();
        document.execCommand("copy");
        document.body.removeChild(textArea);

        prompt && message.success(prompt);
        resolve();
      } catch (error) {
        message.error("复制失败!" + error.message);
        reject(error);
      }
    });
  }
  return Promise.reject(
    `"navigator.clipboard" 或 "document.execCommand" 中存在API错误, 拷贝失败!`,
  );
}
